<link href="./assets/admin/css/schedule/css/schedule_publish.css"
	rel="stylesheet" type="text/css" />
<body>
	<div class="portlet" style="margin-bottom: -10px;">
		<div class="portlet-title" style="margin-bottom: 0px;">
			<a href="javascript:void(0);" class="title-operation search-expand">筛选</a>
		</div>
		<div class="portlet-search-body" style="display: none;">
			<form class="form-inline" role="form">
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-bus"></i> <input class="form-control"
								placeholder="资源编号" ng-model="scheduleModal.param.resourceCode">
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-calendar"></i>
							<input type="text" class="form-control" ed-date-picker ng-model="scheduleModal.param.startDate" placeholder="开始时间"/>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-calendar"></i>
							<input type="text" class="form-control" ed-date-picker ng-model="scheduleModal.param.endDate" placeholder="截止时间"/>
						</div>
					</div>
				</div>
				<button class="btn btn-primary"
					style="background-color: #12bdce; border-color: #12bdce" ng-click="scheduleModal.query()">
					<i class="fa fa-search"></i> 搜索
				</button>
			</form>
		</div>
		<div class="portlet-body">
			<div class='schedule-meta'>
				<div class='schedule-legend'>
					<ul>
						<li class='status-item status-free' title='点位不可用'>不可用</li>
						<li class='status-item status-workOff' title='点位可用'>可用</li>
						<li class='status-item status-published' title='点位已上刊'>已上刊</li>
						<li class='status-item status-locked' title='点位锁定'>锁定</li>
					</ul>
				</div>
			</div>
			<div class='schedule-list-content ui-ctrl ui-panel'>
				<div class='schedule-list-panel' style="width: 40%;">
					<div class='date-field'>
						<a ng-click="scheduleModal.preYear()" style="text-decoration: none"
							class="prev-year ui-ctrl ui-button active">{{scheduleModal.data.lastYear}}
						</a>
						<a ng-click="scheduleModal.nextYear()" style="text-decoration: none"
							class="next-year ui-ctrl ui-button active">{{scheduleModal.data.nextYear}}
						</a>
						<div class="col-md-4">
							<select class="form-control" ng-model="scheduleModal.data.month"
								style="margin: -2px -2px 0px 35px; font-size: 12px; width: 100px; height: 27px; color: #565353; border: 0px; background-color: #eee"
								ng-change="scheduleModal.monthChange()"
								ng-options="opt for opt in scheduleModal.data.months">
							</select>
						</div>
					</div>
					<div class="">
							<div class="ui-table-head ">
								<div class="ui-ctrl ui-panel">
									<table width="100%">
										<tbody>
											<tr ng-show="scheduleModal.param.billType == '1'">
												<th class="ui-table-cell" style="width: 15px;"><div class='ui-table-hcell-text'></div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">资源编号</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">车牌号</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">自编号</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">线路</div></th>
											</tr>
											<tr ng-show="scheduleModal.param.billType == '2'">
												<th class="ui-table-cell" style="width: 15px;"><div class='ui-table-hcell-text'></div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">资源编号</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">站点</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">街道</div></th>
												<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">行向</div></th>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="ui-table-body " ng-show="scheduleModal.param.billType == '1'">
								<div class="ui-table-row" ng-repeat="data in scheduleModal.data.dataArray">
									<table width="100%">
										<tbody>
											<tr style="color: {{data.status == '0' ? 'gray' :'' }}" >
												<td class="ui-table-cell" style="width: 15px;">
													<div class='ui-table-cell-text' style="text-align: center;" ng-show="data.status == '1'">
														<input type="checkbox" class="resourceCheckbox" style="margin-left: -5px;margin-top: 7px;"
															   ng-click="scheduleModal.checkSource($event,data)">
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.resourceCode}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.plateNo}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.vehicleNo}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.lineNo}}
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="ui-table-body " ng-show="scheduleModal.param.billType == '2'">
								<div class="ui-table-row" ng-repeat="data in scheduleModal.data.dataArray">
									<table width="100%">
										<tbody>
											<tr style="color: {{data.status == '0' ? 'gray' :'' }}" >
												<td class="ui-table-cell" style="width: 15px;">
													<div class='ui-table-cell-text' style="text-align: center;" ng-show="data.status == '1'">
														<input type="checkbox" class="resourceCheckbox" style="margin-left: -5px;margin-top: 7px;"
															   ng-click="scheduleModal.checkSource($event,data)">
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.resourceCode}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.stopName}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.roadName}}
													</div>
												</td>
												<td class="ui-table-cell" style="width: 25%;">
													<div class='ui-table-cell-text' style="text-align: center;">
														{{data.direction}}
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
				</div>
				<div class='schedule-graphic-panel' style="width: 60%;">
					<div class='date-field' style="width: 100%;">
						<a ng-click="scheduleModal.preMonth()" style="text-decoration: none"
							class="prev-month ui-ctrl ui-button active">上一月</a><a
							ng-click="scheduleModal.nextMonth()" style="text-decoration: none"
							class="next-month ui-ctrl ui-button active">下一月</a><strong>{{scheduleModal.data.month}}</strong>
					</div>
					<div class='ui-ctrl ui-scheduletable' style="width: 100%;">
						<div>
							<div class="ui-table-head ">
								<table width="100%">
									<tbody>
										<tr>
											<th class="ui-scheduletable-head-item" ng-repeat="day in scheduleModal.data.days"><span style="text-align: center">{{day.dayOfWeek}}</span></th>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="ui-table-head " style="height: 27px">
							<table width="100%">
								<tbody>
									<tr>
										<th class="ui-scheduletable-head-item" ng-repeat="day in scheduleModal.data.days"><div>{{day.dayOfMonth}}</div></th>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="ui-table-body">
							<div class="ui-ctrl ui-panel">
								<div ng-repeat="data in scheduleModal.data.dataArray">
									<div class="ui-table-row-no-bottom" ng-if="!$last">
										<table width="100%">
											<tbody>
												<tr>
													<td paiqi="0" dw-id={{data.resourceId}}
														date={{schedule.date}}
														ng-repeat="schedule in data.scheduleArray"
														class="ui-scheduletable-item {{schedule.status}}"></td>
												</tr>
											</tbody>
										</table>
									</div>
									<div class="ui-table-row" ng-if="$last">
										<table width="100%">
											<tbody>
												<tr>
													<td paiqi="0" dw-id={{data.resourceId}}
														date={{schedule.date}}
														ng-repeat="schedule in data.scheduleArray"
														class="ui-scheduletable-item {{schedule.status}}"></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="page_bar" style="position: relative; margin-top: 5px; margin-bottom: 25px;"></div>
		</div>
	</div>
</body>
